<template>
    <div class="search-cont">
        <img src="../assets/images/banner.png" alt="">
        <h2>搜索指南</h2>
        <div class="eng-cont">
            <i>Search</i>
            <i>Guide</i>
        </div>
        <div v-html="info" class="search-info"></div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { GetGuide ,indexconfig} from '../api/join';

const info = ref({})
// GetGuide().then(res => {
//     info.value = res.data.data
// })


indexconfig().then(res => {
    info.value = res.data.data.reg_ad
})
</script>

<style lang="scss" scoped>
.search-cont {
    >img {
        width: 100%;
        height: 1.5625rem;
        margin-bottom: .2604rem;
    }

    >h2 {
        font-size: .1667rem;
        font-weight: bold;
        color: #333333;
        line-height: .1823rem;
        text-align: center;
        margin: auto;
        padding-bottom: .0781rem;
    }

    >.eng-cont {
        display: flex;
        justify-content: center;
        margin-bottom: .3854rem;

        >i {
            font-size: .125rem;
            font-weight: 300;
            color: #999999;
        }

        >i:nth-of-type(1) {
            margin-right: .0521rem;
        }
    }

    .search-info {
        padding: 0 0 .5208rem;
        margin: auto;
        width: 6.25rem;

    }
}
</style>

<style>
.search-info>p {
    line-height: .1667rem;
    font-size: .0938rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #333333;
}
</style>